<template>
    <el-tabs v-model="activeName" class="tabs" type="border-card">
        <el-tab-pane name="subject" label="培训题库"><EvaluationSubject /></el-tab-pane>
        <el-tab-pane name="type" label="题库分类管理"><Type /></el-tab-pane>
    </el-tabs>
</template>

<script setup>
    import { ref,getCurrentInstance,onActivated } from 'vue'
    import EvaluationSubject from './subject.vue'
    import Type from './type.vue'
    let { proxy } = getCurrentInstance()

    let activeName = ref('subject')
    onActivated((e)=>{
        activeName.value = proxy.$route.query.tabname||'subject'
    })
</script>

<style lang="scss" scoped>
    .tabs {
         display: flex; flex-direction: column; height: 100%; box-shadow: none; border-radius: 5px; border: 0; 
    }
    .tab { height: 100%; }
</style>